<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<title>Creating an Accordion</title>

	<meta name="viewport" content="initial-scale=1, maximum-scale=1">

	<link rel="stylesheet" type="text/css" href="defaults.css">
	<link rel="stylesheet" type="text/css" href="demo.css">

	<script type="text/javascript" src="../../javascripts/jquery/1.11.1/jquery.min.js"></script>
	<script type="text/javascript" src="accordion.js"></script>
</head>
<body>

	<div class="main">
		<div class="accordion">
			<div class="accordion-section">
				<a class="accordion-section-title" href="#accordion-1">java</a>
				<div id="accordion-1" class="accordion-section-content">
					<a href="http://www.baidu.com" target="right">百度</a><br>
					<a href="http://www.baidu.com" target="right">百度</a><br>
				</div><!--end .accordion-section-content-->
			</div><!--end .accordion-section-->

			<div class="accordion-section">
				<a class="accordion-section-title" href="#accordion-2">spring</a>
				<div id="accordion-2" class="accordion-section-content">
					<a href="http://www.baidu.com" target="right">百度</a><br>
					<a href="http://www.baidu.com" target="right">百度</a><br>
				</div><!--end .accordion-section-content-->
			</div><!--end .accordion-section-->

			<div class="accordion-section">
				<a class="accordion-section-title" href="#accordion-3">mybatis</a>
				<div id="accordion-3" class="accordion-section-content">
					<a href="http://www.baidu.com" target="right">百度</a><br>
					<a href="http://www.baidu.com" target="right">百度</a><br>
				</div><!--end .accordion-section-content-->
			</div><!--end .accordion-section-->
		</div><!--end .accordion-->
	</div>
	<iframe name="right" width="90%" height="100%" marginwidth=0 marginheight=0 frameborder=0 scrolling=no></iframe>
</body>
</html>